.rerward-animate-shake {
	animation: shakeAniamate 800ms ease-in-out;
}

@keyframes shakeAniamate {
	10%, 90% { transform: translate3d(-1rpx, 0, 0); }
	20%, 80% { transform: translate3d(+2rpx, 0, 0); }
	30%, 70% { transform: translate3d(-4rpx, 0, 0); }
	40%, 60% { transform: translate3d(+4rpx, 0, 0); }
	50% { transform: translate3d(-4rpx, 0, 0); }
}

.rerward-animate{
	-webkit-animation-name: rewardScaleAniamate; /*关键帧名称*/
	-webkit-animation-iteration-count: 1;  /*动画播放的次数*/
	-webkit-animation-duration: 0.4s; /*动画所花费的时间*/
}

@keyframes rewardScaleAniamate {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%{
		transform: scale(0); 
		filter: blur(5px) brightness(0.1);
	}
	100%{
		transform: scale(1); 
		filter: blur(0px) brightness(1);
	}
}

.rerward-animate-before{
	-webkit-animation-name: rewardBeforeScaleAniamate; /*关键帧名称*/
	-webkit-animation-fill-mode: forwards; /*控制CSS3动画结束状态*/
	-webkit-animation-iteration-count: 1;  /*动画播放的次数*/
	-webkit-animation-duration: 0.2s; /*动画所花费的时间*/
}
@keyframes rewardBeforeScaleAniamate {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%{
		transform: scale(1); 
		filter: blur(0);
	}
	100%{
		transform: scale(0.1); 
		filter: blur(5px) brightness(0.5);
	}
}

.rerward-animate-after{
	-webkit-animation-name: rewardAfterScaleAniamate; /*关键帧名称*/
	/* -webkit-animation-timing-function: ease-in-out; 动画的速度曲线 */
	-webkit-animation-iteration-count: 1;  /*动画播放的次数*/
	-webkit-animation-duration: 0.3s; /*动画所花费的时间*/
}
@keyframes rewardAfterScaleAniamate {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%{
		transform: scale(0.2); 
		filter: blur(5px) brightness(0.1);
	}
	100%{
		transform: scale(1); 
		filter: blur(0px) brightness(1);
	}
}

